/*
 * @Date: 2022-03-29 15:18:41
 * @LastEditors: fenglan
 * @LastEditTime: 2022-03-29 15:49:17
 * @FilePath: /payment/pay/src/components/Search/index.jsx
 */
import React,{useState} from 'react'
import { Select, Row, Col,Button} from 'antd'
import styles from './index.module.css'
const { Option } = Select
export default function Search() {
  const [search,setSearch] = useState('')
  function onChange(value) {
    setSearch(value)
  }
  function onSearch() {
    console.log(search);
  }
  return (
    <Row>
        <Col span={2} >
          <Select  placeholder="查找" onChange={onChange}
            className={styles.search}  >
            <Option value="jack">Jack</Option>
            <Option value="lucy">Lucy</Option>
            <Option value="tom">Tom</Option>
          </Select>
        </Col>
        <Col span={12}>
            <Button type='primary'  onClick={onSearch}>搜索</Button>
          </Col>
    </Row>
  )
}
